<template>
  <div id="app" v-if="isRouterAlive">
    <keep-alive>
      <router-view/>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App',
  provide() {
    return {
      reload: this.reload
    }
  },
  data() {
    return {
      // 用于点击当前页的router时，刷新当前页
      isRouterAlive: true,
    }
  },
  methods: {
    reload() {
      this.isRouterAlive = false
      this.$nextTick(function () {
        this.isRouterAlive = true;
      })
    },
  },
}
</script>


<style lang="stylus">
html,
body,
#app
  font-family: "微软雅黑"
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  text-align center
  color #2c3e50
  background-color #c9a46d



</style>
